import React, { Component } from 'react'

class High extends Component {
    render() {
        console.log(this.props)
        return (
            <div>
                我是一个普通的类组件
            </div>
        )
    }
}

// 高阶组件
// 1. 属性代理
// 2. 反向继承
function high(Com) {
    return class NewCom extends Component {
        // vue中mixins
        state = {
            pageInfo: {
                pageSize: 10,
                pageNum: 1
            }
        }
        render() {
            const { pageInfo } = this.state
            return (
                <div>
                    我是一个高阶组件
                    <Com pageInfo = { pageInfo }/>
                </div>
            )
        }
    }
}

// High = high(High)

export default High
